<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>商品发布</title>
    <link rel="stylesheet" href="../../css/normalize.min.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/bootstrap.cosmo.css">
    <link rel="stylesheet" href="../../plugin/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="../../plugin/layer/skin/default/layer.css">
    <link href="../../plugin/upload/bootstrap-fileinput-master-update/css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
    <link href="../../plugin/upload/bootstrap-fileinput-master-update/themes/explorer/theme.css" media="all" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../plugin/icheck/skins/all.css">
    <link rel="stylesheet" href="../../plugin/icheck/skins/flat/flat.css">
    <style media="screen">
        .form-group {
            margin-bottom: 0;
        }

        body {
            padding-bottom: 80px;
        }

        .albumBox {
            cursor: pointer;
        }

        .gallery a {
            margin-bottom: 10px;
        }

        li {
            list-style: none;
        }

        .gallery {
            background-color: #f1f1f;
            padding: 0;
            overflow: hidden;
            zoom: 1;

        }

        .gallery a {
            display: block;
            margin-bottom: 15px;
            /*padding: 0 ;*/
            overflow: hidden;
            display: block;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            position: relative;
        }

        .gallery a img {
            width: 100%;
        }
        .bannerBox li{margin-bottom: 10px;}
    </style>
</head>

<body>
    <div class="configNav"></div>

    <div class="container-fluid">
        <div class="row">
            <!--leftcontent start-->
            <div class="col-md-2">
                <div class="list-group">
                    <a href="./com_release.html" class="list-group-item active">商品发布</a>
                    <a href="./com_insale.html" class="list-group-item">出售中的商品</a>
                    <a href="./com_warehouse.html" class="list-group-item">仓库中的商品</a>
                    <a href="./com_picspace.html" class="list-group-item">图片空间</a>
                </div>
            </div>
            <!--leftcontent end-->

            <!--rightcontent start-->
            <div class="col-md-10">
                <ol class="breadcrumb">
                    <li><a href="javascript:void(0)">商家管理中心</a></li>
                    <li><a href="javascript:void(0)">商品</a></li>
                    <li class="active">商品发布</li>
                </ol>
                <h5>商品基本信息</h5>
                <table class="table table-bordered">
                    <tbody>
                        <tr>
                            <td class="col-md-2 text-right">拓展分类：</td>
                            <td>
                                <div class="clearfix" id="classSelBox">
                                    <!-- <select multiple class="form-control pull-left" style="width:220px;height:200px;margin-right:15px;">
                                        <option>a1</option>
                                        <option>a2</option>
                                        <option>a3</option>
                                        <option>a4</option>
                                        <option>a5</option>
                                        <option>a6</option>
                                    </select>
                                    <select multiple class="form-control pull-left" style="width:220px;height:200px;margin-right:15px;">
                                        <option>b1</option>
                                        <option>b2</option>
                                        <option>b3</option>
                                        <option>b4</option>
                                        <option>b5</option>
                                    </select>
                                    <select multiple class="form-control pull-left" style="width:220px;height:200px;margin-right:15px;">
                                        <option>c1</option>
                                        <option>c2</option>
                                        <option>c3</option>
                                        <option>c4</option>
                                        <option>c5</option>
                                    </select> -->
                                </div>
                                <div class="clearfix promptTxt" id="categoryBox">

                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right"><span class="text-danger">* </span>商品名称：</td>
                            <td>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="commodityName" placeholder="请填写商品名称" value="">
                                </div>
                                <p class="text-muted promptTxt" id="commodityNameBox">商品标题名称长度至少3个字符，最长50个汉字</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right">商品卖点：</td>
                            <td>
                                <div class="form-group">
                                    <textarea class="form-control" rows="3" id="commodityCharacteristics"></textarea>
                                </div>
                                <p class="text-muted promptTxt" id="commodityCharacteristicsBox">商品卖点最长不超过140个汉字</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right">销量：</td>
                            <td>
                                <div class="form-group" style="width:200px">
                                    <input type="text" class="form-control numInput" id="salesVolume" placeholder="" autocomplete="off">
                                </div>
                                <p class="text-muted promptTxt">可以指定商品的销量，不指定显示真实销量</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right"><span class="text-danger">* </span>商品价格：</td>
                            <td>
                                <div class="form-group">
                                    <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
                                    <div class="input-group" style="width:200px">
                                        <input type="text" class="form-control priceInput" id="price" placeholder="" value="" autocomplete="off">
                                        <div class="input-group-addon">元</div>
                                    </div>
                                </div>
                                <p class="text-muted promptTxt">价格必须是0～9999999之间的数字，且不能高于市场价。<br>此价格为商品实际销售价格，如果商品存在规格，该价格显示最低价格。</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right"><span class="text-danger">* </span>会员价格：</td>
                            <td>
                                <div class="form-group">
                                    <label class="sr-only" for="">Amount (in dollars)</label>
                                    <div class="input-group" style="width:200px">
                                        <input type="text" class="form-control priceInput" id="memberPrice" placeholder="" value="" autocomplete="off">
                                        <div class="input-group-addon">元</div>
                                    </div>
                                </div>
                                <p class="text-muted promptTxt">价格必须是0～9999999之间的数字，且不能高于商品价。</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right"><span class="text-danger">* </span>市场价：</td>
                            <td>
                                <div class="form-group">
                                    <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
                                    <div class="input-group" style="width:200px">
                                        <input type="text" class="form-control priceInput" id="marketValue" placeholder="" value="" autocomplete="off">
                                        <div class="input-group-addon">元</div>
                                    </div>
                                </div>
                                <p class="text-muted promptTxt">价格必须是0.01～9999999之间的数字，此价格仅为市场参考售价，请根据该实际情况认真填写。</p>
                            </td>
                        </tr>

                        <!-- <tr>
                            <td class="col-md-2 text-right">成本价：</td>
                            <td>
                                <div class="form-group">
                                    <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
                                    <div class="input-group" style="width:200px">
                                        <input type="text" class="form-control priceInput" id="costPrice" placeholder="">
                                        <div class="input-group-addon">元</div>
                                    </div>
                                </div>
                                <p class="text-muted promptTxt">价格必须是0.00～9999999之间的数字，此价格为商户对所销售的商品实际成本价格进行备注记录，非必填选项，不会在前台销售页面中显示。</p>
                            </td>
                        </tr> -->

                        <tr>
                            <td class="col-md-2 text-right">折扣：</td>
                            <td>
                                <div class="form-group">
                                    <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
                                    <div class="input-group" style="width:200px">
                                        <input type="text" class="form-control" id="disCount" placeholder="" readonly autocomplete="off">
                                        <div class="input-group-addon">%</div>
                                    </div>
                                </div>
                                <p class="text-muted promptTxt">根据销售价与市场价比例自动生成，不需要编辑。</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right"><span class="text-danger">* </span>商品库存：</td>
                            <td>
                                <div class="form-group" style="width:200px">
                                    <input type="text" class="form-control numInput" id="commodityStock" placeholder="" value="" autocomplete="off">
                                </div>
                                <p class="text-muted promptTxt">价格必须是0～999999999之间的数字<br>若启用了库存配置，则系统自动计算商品的总数，此处无需卖家填写。</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right">库存预警值：</td>
                            <td>
                                <div class="form-group" style="width:200px">
                                    <input type="text" class="form-control numInput" id="earlyWarningVal" placeholder="" autocomplete="off">
                                </div>
                                <p class="text-muted promptTxt">设置最低库存预警值。当库存低于预警值时商家中心商品列表页库存列红字提醒。<br>请填写0～255之间的数字，0为不报警</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right">商家货号：</td>
                            <td>
                                <div class="form-group" style="width:200px">
                                    <input type="text" class="form-control" id="businessItem" placeholder="" autocomplete="off">
                                </div>
                                <p class="text-muted promptTxt">商家货号是指商家管理商品的编号，买家不可见<br>最多可输入20个字符，支持输入中文、字母、数字、_、/、-和小数点</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right"><span class="text-danger">* </span>商品图片：</td>
                            <td>
                                <!-- <div class="kv-main">
                                    <form enctype="multipart/form-data">
                                        <input id="kv-explorer" type="file" name="dUserFile" multiple>
                                        <br>
                                    </form>
                                </div> -->
                                <!-- <ul class="bannerBox"></ul> -->
                                <div class="bannerBox">
                                    <ul class="row"></ul>
                                </div>
                                <button type="button" id="addBanner" class="btn btn-sm btn-primary">新增banner</button>
                                <p class="text-muted promptTxt">上传商品默认主图，如多规格值时将默认使用该图或分规格上传各规格主图；支持jpg，、gif、png格式上传或从图片空间中选择，建议使用
                                    <span class="text-danger">尺寸800*800像素以上、大小不超过1M的正方形图片</span>，上传后的图片将会自动保存在图片空间的默认分类中。
                                </p><br>
                                <div id="coverImgBox">
                                    <p class="lead">当前封面图：</p>
                                    <img src="..." class="img-responsive" alt="封面图" id="imgCover" width="300">
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <h5>商品详情描述</h5>
                <table class="table table-bordered">
                    <tbody>
                        <!-- <tr>
                            <td class="col-md-2 text-right">商品品牌：</td>
                            <td>
                                <div class="form-group" style="width:200px">
                                    <input type="email" class="form-control" id="" placeholder="">
                                </div>
                            </td>
                        </tr> -->
                        <tr>
                            <td class="col-md-2 text-right">商品描述：</td>
                            <td>
                                <div id="editor">
                                    <!--<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>-->
                                </div>
                                <div style="margin:10px 0">
                                    <button class="btn btn-default" type="button" id="btnOpenAlbum">插入相册图片</button>
                                    <div class="panel panel-default" style="margin-top:10px;" id="albumWrap">
                                        <div class="panel-heading">
                                            用户相册 >> <span></span>
                                            <select class="form-control pull-right" id="albumSel" style="width:auto;height:auto;padding:0;">

                                            </select>
                                        </div>
                                        <div class="panel-body">
                                            <div class="row">
                                                <ul class="baguetteBoxOne gallery" id="imgListBox">
                                                    <!-- <li>
                                                        <a href="javascript:;">
                                                            <img src="" alt="">
                                                        </a>
                                                    </li> -->
                                                </ul>
                                                <nav aria-label="..." class="text-center">
                                                    <!-- <div class="">
                                                        <span id="pageNum">共&nbsp;<strong></strong>&nbsp;页&nbsp;/&nbsp;</span><span id="totalNum">&nbsp;<strong>0</strong>&nbsp;条数据</span>
                                                    </div> -->
                                                    <ul id="example"></ul>
                                                </nav>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- <div>
                                        <h5>用户相册 >> <span>默认相册</span></h5>
                                    </div> -->
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <h5>商品物流信息</h5>
                <table class="table table-bordered">
                    <tbody>
                        <!-- <tr>
                            <td class="col-md-2 text-right">所在地：</td>
                            <td>
                                <form class="form-inline">
                                    <div class="form-group">
                                        <select class="form-control" style="width:150px" id="province">

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <select class="form-control hidden" style="width:150px" id="city">

                                        </select>
                                    </div>
                                </form>
                            </td>
                        </tr> -->
                        <tr>
                            <td class="col-md-2 text-right">运费：</td>
                            <td>
                                <div class="clearfix">
                                    <div class="radio pull-left" style="margin:0 10px 0 0;">
                                        <!-- <label class="radio-inline"><input type="radio" name="freightRadios" id="fixedFreightRadios" value="1" checked>固定运费</label> -->
                                        <div class="input-group" style="width:200px;margin-top:10px;" id="fixedFreight">
                                            <input type="text" class="form-control priceInput" placeholder="" autocomplete="off">
                                            <div class="input-group-addon">元</div>
                                        </div>
                                    </div>
                                    <!-- <div class="radio pull-left" style="margin-top:0">
                                        <label class="radio-inline"><input type="radio" name="freightRadios" id="customFreightRadios" value="2">使用运费模板</label>
                                        <div class="input-group invisible" style="width:200px;margin-top:10px;" id="customFreight">

                                            <a href="#" class="btn btn-primary">选择运费模板</a>
                                        </div>
                                    </div> -->
                                </div>
                                <p class="text-muted promptTxt">运费设置为0元，前台商品将显示为免运费。</p>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- <h5>发票信息</h5>
                <table class="table table-bordered">
                    <tbody>
                        <tr>
                            <td class="col-md-2 text-right">是否开增值税发票：</td>
                            <td>
                                <div class="radio">
                                    <label class="checkbox-inline"><input type="radio" name="goodsVat" id="" value="1">是</label>&nbsp;&nbsp;&nbsp;
                                    <label class="checkbox-inline"><input type="radio" name="goodsVat" id="" value="0" checked>否</label>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table> -->
                <h5>其他信息</h5>
                <table class="table table-bordered">
                    <tbody>
                        <!-- <tr>
                            <td class="col-md-2 text-right">本店分类：</td>
                            <td>
                                <form class="form-inline">
                                    <button class="btn btn-default" type="button">新增分类</button>&nbsp;&nbsp;&nbsp;
                                    <div class="form-group">
                                        <select class="form-control">
                                            <option>1222</option>
                                            <option>1222</option>
                                            <option>1222</option>
                                            <option>41222</option>
                                            <option>51222</option>
                                        </select>
                                    </div>
                                </form>
                                <p class="text-muted promptTxt">商品可以从属于店铺的多个分类之下，店铺分类可以由“商家中心 -> 店铺 -> 店铺分类”中自定义</p>
                            </td>
                        </tr> -->
                        <tr>
                            <td class="col-md-2 text-right">商品发布：</td>
                            <td>
                                <form class="form-inline">
                                    <div class="radio">
                                        <label class="checkbox-inline"><input type="radio" name="releaseRadios" id="" value="1" checked>&nbsp;&nbsp;立即发布</label>&nbsp;&nbsp;&nbsp;
                                        <!-- <label class="checkbox-inline"><input type="radio" name="releaseRadios" id="" value="2">&nbsp;&nbsp;发布时间</label>&nbsp;&nbsp;&nbsp; -->
                                        <!-- <input type="text" class="form-control" id="timedRelease" placeholder="" readonly>&nbsp;&nbsp;&nbsp; -->
                                        <!-- <label class="checkbox-inline"><input type="radio" name="releaseRadios" id="" value="3">&nbsp;&nbsp;放入仓库</label>&nbsp;&nbsp;&nbsp; -->
                                    </div>
                                </form>

                            </td>
                        </tr>
                        <!-- <tr>
                            <td class="col-md-2 text-right">预约：</td>
                            <td>
                                <div class="radio">
                                    <label class="checkbox-inline"><input type="radio" name="isAppoint" id="" value="1">是</label>&nbsp;&nbsp;&nbsp;
                                    <label class="checkbox-inline"><input type="radio" name="isAppoint" id="" value="0" checked>否</label>
                                </div>
                                <p class="text-muted promptTxt">只有库存为零的商品才可以设置为预约商品。商家补货后，平台自动发布消息通知已经预约的会员。</p>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-md-2 text-right">商品推荐：</td>
                            <td>
                                <div class="radio">
                                    <label class="checkbox-inline"><input type="radio" name="goodsCommend" id="" value="1" checked>是</label>&nbsp;&nbsp;&nbsp;
                                    <label class="checkbox-inline"><input type="radio" name="goodsCommend" id="" value="0">否</label>
                                </div>
                                <p class="text-muted promptTxt">被推荐的商品会显示在店铺首页</p>
                            </td>
                        </tr> -->
                    </tbody>
                </table>
                <button type="button" class="btn btn-primary btn-lg" style="margin:0 auto;display:block;padding:1em 5em;" id="btnProRelease">发布商品</button>
            </div>
            <!--rightcontent end-->
        </div>
        <!-- row end -->
    </div>
    <!-- container end -->

    <script src="../../js/jquery.min.js" charset="utf-8"></script>
    <script src="../../js/common.js" charset="utf-8"></script>
    <script src="../../js/nav.js" charset="utf-8"></script>
    <script src="../../js/bootstrap.min.js" charset="utf-8"></script>
    <script src="../../plugin/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js" charset="utf-8"></script>
    <script src="../../plugin/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js" charset="utf-8"></script>
    <script src="../../plugin/wangEditor/release/wangEditor.min.js" charset="utf-8"></script>
    <script src="../../plugin/layer/layer.js" charset="utf-8"></script>
    <script src="../../js/bootstrap-filestyle.min.js" charset="utf-8"></script>
    <script src="../../plugin/icheck/icheck.min.js" charset="utf-8"></script>
    <script src="../../plugin/upload/bootstrap-fileinput-master-update/js/plugins/sortable.js" type="text/javascript"></script>
    <script src="../../plugin/upload/bootstrap-fileinput-master-update/js/fileinput.js" type="text/javascript"></script>
    <script src="../../plugin/upload/bootstrap-fileinput-master-update/js/locales/zh.js" type="text/javascript"></script>
    <script src="../../plugin/upload/bootstrap-fileinput-master-update/themes/explorer/theme.js" type="text/javascript"></script>
    <script src="../../js/ajax.js" charset="utf-8"></script>
    <script src="../../js/bootstrap-paginator.js" charset="utf-8"></script>

    <script src="../../js/com_release.js" charset="utf-8"></script>

</body>

</html>
